<template>
  <div class="home">
    <HeaderView></HeaderView>
    <IndexPage v-if="!goodsPage" />
    <GoodsList v-else />
  </div>
</template>

<script>
import { mapState } from "vuex";
import HeaderView from "@/components/HeaderView.vue";
import IndexPage from "@/components/IndexPage.vue";
import GoodsList from "@/components/GoodsList.vue";

export default {
  components: { HeaderView, IndexPage, GoodsList },
  computed: {
    ...mapState(["goodsPage"]),
  },
};
</script>

<style lang="scss" scoped>
.home {
  background-color: rgb(245, 245, 245);
  height: 100vh;
}
</style>